<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>pcpage</title>
<style type="text/css">
	.homepage{
		position:relative;
		padding:0px;
		margin:0px;		
	}
	.homepage > div{
		float: left;
	}
	.index-main{
		border:1px solid #aaa;
		height:748px;
		width:1257px;
		background-color: #498edc;
	}
	.main-nav>li{
		float: left;
		list-style-type: none;
		position: relative;
		margin-left: 30px;	
	}
	.nav-ul{
		height: 100px;
		padding-left: 865px;
		padding-top: 20px;
	}
	.nav-ul2{
		height: 100px;
		padding-left: 1019px;
		padding-top: 20px;
	}
	.sub-nav-child{
		background-color: #fff;
		height: 64px;
	}
	.sub-nav-child a span{
		text-decoration: none;
		position:relative;
		top:8px;
		margin-left:10px;
		font-size:12px;
		color:#333;
	}
	.sub-nav-child a:hover span{
		text-decoration: underline;
	}
	.main-nav li a{
		text-decoration: none;
		color:#333;
	}
	
	.bottom{
		position: relative;
		bottom: -570px;
		left: 330px;
	}
	.bottom2{
		position: relative;
		bottom: -570px;
		left: 484px;
	}
	.nav-fag:hover{
		text-decoration:underline;
	}
	.pcpage{
		width:1411px;
	}
</style>
<script type="text/javascript">
		function displaySubMenu() {
            var subMenu = document.getElementById("sub-nav-child");
            subMenu.style.display = "block";
        }
        function hideSubMenu() {
            var subMenu = document.getElementById("sub-nav-child");
            subMenu.style.display = "none";
        }	
        function displaySubMenu2() {
            var subMenu = document.getElementById("sub-nav-child2");
            subMenu.style.display = "block";
        }
        function hideSubMenu2() {
            var subMenu = document.getElementById("sub-nav-child2");
            subMenu.style.display = "none";
        }	
</script>

<script type="text/javascript">
	var wheel = function(event) {
		var delta = 0;
		if (!event) /* For IE. */
			event = window.event;
		if (event.wheelDelta) { /* IE/Opera. */
			delta = event.wheelDelta / 120;
		}
		else if (event.detail) {
			delta = -event.detail / 3;
		}
		if (delta)
			handle(delta);
		if (event.preventDefault)
			event.preventDefault();
		event.returnValue = false;
	};

	if (window.addEventListener) {
		window.addEventListener('DOMMouseScroll', wheel, false);
	}
	window.onmousewheel = document.onmousewheel = wheel;
	var handle = function(delta) {
		if (delta < 0) {
			//alert("鼠标滑轮向下滚动：" + (delta) + "次！"); // 1 
			document.getElementById("page2").style.display="block";
			document.getElementById("page1").style.display="none";
		} else {
			//alert("鼠标滑轮向上滚动：" + delta + "次！"); // -1    
			document.getElementById("page2").style.display="none";
			document.getElementById("page1").style.display="block";
		}
	};
</script>

</head>
<body>
	<div class="homepage" id="page1">
		<div><jsp:include page="/web/ico/left.jsp"></jsp:include></div>
		<div class="index-main" >
    		<div class="nav-ul">
    			<ul class="main-nav">
    	<!--  
        	<li class="nav-home" title="首页">首页</li>
            <li class="nav-pc" title="pc专题">PC专题</li>
            <li class="nav-ios" title="IOS专题">IOS专题</li>
            <li class="nav-android" title="android专题">android专题</li>
        -->
            <li class="nav-log" >
            <!-- 如果session的值为空，才可以显示注册登录 -->
            	<a href="/PythonAndJSP/web/login/login.jsp" title="注册登录" class="nav-fag" target="_blank">注册登录</a>
            </li>
            <li class="nav-fag" >
            	<a href="#" title="常见问题" class="nav-fag">常见问题</a>
            </li>
            <li onmouseover="displaySubMenu(this)" onmouseout="hideSubMenu(this)">
            	<a href="#" title="问题反馈" class="nav-fag">问题反馈
                	<span class="nav-arrow"></span>
                    <span class="nav-arrow"></span>
                </a>
                <div class="sub-nav-child" id="sub-nav-child" style="display:none;">
                	<a href="#" title="应用资源异常" target="_blank">
                    	<span >应用资源异常</span>
                    </a><br>
                    <a href="#" title="设备无法连接" target="_blank">
                    	<span >设备无法连接</span>
                    </a><br>
                    <a href="#" title="其他问题反馈" target="_blank">
                    	<span >其他问题反馈</span>
                    </a><br>
                </div>
            </li>
        	</ul>
    		</div>
        	<div class="nav-content">
        		<span class="nav-content-sys"><a href="#" class="nav-content-href">选课推荐系统</a></span>
        	</div>
    	<div class="bottom" style="width:700px;"><jsp:include page="/web/ico/bottom.jsp"></jsp:include></div>
    	</div>
    </div>
    <div class="homepage" id="page2" style="display:none;">
		<div><jsp:include page="/web/ico/leftpicture.jsp"></jsp:include></div>
		<div class="index-main pcpage" >
    		<div class="nav-ul nav-ul2">
    			<ul class="main-nav">
    	<!--  
        	<li class="nav-home" title="首页">首页</li>
            <li class="nav-pc" title="pc专题">PC专题</li>
            <li class="nav-ios" title="IOS专题">IOS专题</li>
            <li class="nav-android" title="android专题">android专题</li>
        -->
            <li class="nav-log" >
            	<a href="/PythonAndJSP/web/login/login.jsp" title="注册登录" class="nav-fag" target="_blank">注册登录</a>
            </li>
            <li class="nav-fag" >
            	<a href="#" title="常见问题" class="nav-fag">常见问题</a>
            </li>
            <li onmouseover="displaySubMenu2(this)" onmouseout="hideSubMenu2(this)">
            	<a href="#" title="问题反馈" class="nav-fag">问题反馈
                	<span class="nav-arrow"></span>
                    <span class="nav-arrow"></span>
                </a>
                <div class="sub-nav-child" id="sub-nav-child2" style="display:none;">
                	<a href="#" title="应用资源异常" target="_blank">
                    	<span >应用资源异常</span>
                    </a><br>
                    <a href="#" title="设备无法连接" target="_blank">
                    	<span >设备无法连接</span>
                    </a><br>
                    <a href="#" title="其他问题反馈" target="_blank">
                    	<span >其他问题反馈</span>
                    </a><br>
                </div>
            </li>
        	</ul>
    		</div>
        	<div class="nav-content">
        		<span class="nav-content-sys"><a href="#" class="nav-content-href">选课推荐系统22222</a></span>
        	</div>
    	<div class="bottom2" style="width:700px;"><jsp:include page="/web/ico/bottom2.jsp"></jsp:include></div>
    	</div>
    </div>
</body>
</html>